<template>
<body>
  <div class="background">
    <img src="static/background.jpg" width="100%" height="100%" alt="" />
  </div>
  <div style="margin: 220px 100px 0 105px;color:#000;color: #0e0d0c;">
    <h2 style="margin:  0 0 22px 0;font-size: 48px;font-weight: 400;">风起书城</h2>
    <p style="font-size: 16px;line-height: 1.58;margin: 10px 0;opacity: .6;">书籍是人类进步的阶梯 —— 高尔基</p>
  </div>
<div>
  <el-button style="margin-top:5%;margin-left:0.3%;background-color: unset;color: #0e0d0c;font-size: 30px;font-weight: 400;text-align: center;border-color: #0e0d0c"
             round
  @click.native.prevent="into">
    立即进入</el-button>
</div>
</body>
</template>

<script>
    export default {
      name: "Welcome",
      methods: {
        into(){
          this.$router.push('/header');
        }
      }

    };
</script>

<style scoped>
  .background{
    width:100%;
    height:100%;
    left: 0%;
    top: 0%;
    z-index: -1;
    position: fixed;
  }
</style>
